{% extends "base.html" %}
{% load i18n %}
{% load connecteurs %}
{% load text_utils %}

{% block extrastyle %}
<style type="text/css">
    .highlighted {
        background: yellow;
    }
</style>
{% endblock %} 
{% block extrahead %}

{% endblock %}


{% block content_title %}
<h1>{{ sentence }} : connecteurs</h1>
{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
<a href="/">{% trans "Home" %}</a> &rsaquo; 
<a href="{{ sentence.get_absolute_url }}">{{ sentence }}</a> &rsaquo; 
Connecteurs
</div>{% endblock %}

{% block content %}
<div class="content-main">
    <div class="module">
        <h2>Sentence</h2>
        {{ sentence|highlight_connectors|normalize_punctuation|safe }}
    </div>
    <div class="module">
        <h2>Liste</h2>
        <table>
            <caption>Liste</caption>
            <tr>
                <th>Mot</th>
                <th>connecteur ?</th>
            </tr>
            {% for word, connecteur in resp  %}
            <tr class="{% cycle 'row1' 'row2' %}">
                <th>{{ word }}</th>
                <td>{{ connecteur }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
</div>

{% endblock %}


{{ resp }}